<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>北京星美环境集团有限公司</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      
      body {
        font-family: 'Microsoft YaHei', Arial, sans-serif;
        background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
        min-height: 100vh;
        display: flex;
        flex-direction: column;
      }
      
      .header {
        background: linear-gradient(90deg, #0066cc 0%, #0099ff 100%);
        color: white;
        padding: 20px 0;
        text-align: center;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      }
      
      .logo {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 5px;
      }
      
      .subtitle {
        font-size: 16px;
        opacity: 0.9;
      }
      
      .container {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px;
      }
      
      .download-card {
        background: white;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        padding: 40px;
        text-align: center;
        max-width: 500px;
        width: 100%;
        /* transition: transform 0.3s ease; */
      }
      
      /* .download-card:hover {
        transform: translateY(-5px);
      } */
      
      .card-title {
        color: #333;
        font-size: 24px;
        margin-bottom: 20px;
        font-weight: 600;
      }
      
      .card-description {
        color: #666;
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 30px;
      }
      
      .download-btn {
        display: inline-block;
        background: linear-gradient(90deg, #0066cc 0%, #0099ff 100%);
        color: white;
        font-size: 18px;
        font-weight: bold;
        padding: 15px 40px;
        border-radius: 50px;
        text-decoration: none;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);
      }
      
      .download-btn:hover {
        background: linear-gradient(90deg, #0052a3 0%, #007acc 100%);
        box-shadow: 0 6px 20px rgba(0, 102, 204, 0.4);
        transform: scale(1.05);
      }
      
      .footer {
        text-align: center;
        padding: 20px;
        color: #666;
        font-size: 14px;
        background: #f8f9fa;
      }
      
      @media (max-width: 768px) {
        .download-card {
          padding: 30px 20px;
        }
        
        .header {
          padding: 15px 0;
        }
        
        .logo {
          font-size: 24px;
        }
      }
    </style>
  </head>
  <body>
    <div class="header">
      <div class="logo">智慧清洁App</div>
    </div>
    
    <div class="container">
      <div class="download-card">
        <h1 class="card-title">App下载</h1>
        <a href="./app-arm64-v8a-release.apk" class="download-btn" download>立即下载</a>
      </div>
    </div>
    
    <div class="footer">
      <p>© 北京星美环境集团有限公司 版权所有</p>
      <p>北京市朝阳区南磨房乡双龙南里204号一层2310</p>
    </div>
  </body>
</html>